<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>立即注册页面</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 轮播图样式 -->
    <link rel="stylesheet" href="../lib/swiper/css/swiper-bundle.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <!-- 头部head -->
    <div class="head clearfix">
        <div class="container">
            <h1 class="fl head-logo">
                <a href="#"><img src="../imgs/new-logo-white2.png" alt=""></a>
            </h1>
            <!-- <div class="fl">
                <a href="#">源码数据</a>
            </div> -->
            <div class="fr mt18 mr30">
                <a class="head-login" href="#">已有源码账号，</a>
                <a class="head-register" href="#">立即登录</a>
            </div>
        </div>
    </div>
    <!-- 注册页面 -->
    <div class="register container">
        <div class="content">
            <div class="con-text">
                <h1>欢迎注册</h1>
                <h3>百款接口免费试用</h3>
                <p class="cont-p">注册即送300元大礼包</p>
                <!-- 用户名 -->
                <div class="username clearfix">
                    <input class="fl" type="text" name="" id="" placeholder="用户名 (6-20位字母数字)">
                    <p class="alert fl">
                        <img class="fr" id="contBtn" src="../imgs/clearInput.png" alt="">
                    </p>
                    <p class="user-test fl">
                        <span></span>
                        <span class="reg-troduce">昵称需要在6-20位字母数字之间</span>
                    </p>
                </div>
                <!-- 手机号 -->
                <div class="username clearfix">
                    <input class="fl" type="text" name="" id="" placeholder="请输入手机号">
                    <p class="alert fl">
                        <img class="fr" src="../imgs/clearInput.png" alt="">
                    </p>
                    <p class="user-test fl">
                        <span></span>
                        <span class="reg-troduce">请输入正确的手机号</span>
                    </p>
                </div>
                <!-- 手机短信验证 -->
                <div class="username clearfix">
                    <input class="telMsg fl" type="text" name="" id="" placeholder="请输入手机短信验证码">
                    <button class="tellTest fl">获取验证码</button>
                    <p class="alert fl">
                        <img class="fr" src="../imgs/clearInput.png" alt="">
                    </p>
                    <p class="user-test fl">
                        <span></span>
                        <span class="reg-troduce">请输入4位手机验证码</span>
                    </p>
                </div>
                <!-- 密码 -->
                <div class="username clearfix">
                    <input class="fl" type="password" name="" id="" placeholder="请输入6至12位的密码">
                    <p class="alert fl">
                        <img class="fr" src="../imgs/clearInput.png" alt="">
                    </p>
                    <p class="user-test fl">
                        <span></span>
                        <span class="reg-troduce">请输入6至12位的密码</span>
                    </p>
                </div>
                <!-- 接受服务 -->
                <p class="agree">
                    <label>
                        <input type="checkbox" id="argeeChkbox" class="checked" >
                        <span class="info">我已阅读并接受
                            <a href="#" target="_blank">《源码用户服务协议》</a>
                            <a href="" target="_blank">《源码隐私政策》</a>
                        </span>
                    </label>
                </p>
                <!-- 立即注册 -->
                <a href="../page/home.html"><input class="reg-btn" disabled id="regBtn" type="button" value="立即注册" disabled=""></a>
            </div>
        </div>

    </div>
    <!-- 当前js效果 -->
    <script src="../js/register.js"></script>
</body>